<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="avalon.js"></script>
    <script>
        var model = avalon.define({
            $id: "test",
            aaa: "2",
            bbb: "2",
            $ccc: "1",
            ddd: "1",
            $skipArray: ["ddd"],
            click: function (a) {
                model[a]=new Date()+"";
//                model.$fire("all!"+a, new Date() - 0)
            }
        })
        model.$watch("aaa",function(a){
            console.info(a)
        });
        model.$watch("$ccc", function (a) {
            console.log(a);//$ccc的变化不会被响应
        })

    </script>
    <style>
        .ms-hover div:hover {
            background: yellowgreen;
        }
    </style>
</head>
<body ms-controller="test" class='ms-hover'>
<div ms-click="click('aaa')">{{aaa}}</div>
<div ms-click="click('bbb')">{{bbb}}</div>
<div ms-click="click('$ccc')">{{$ccc}}</div>
<div ms-click="click('ddd')">{{ddd}}</div>
</body>
</html>